<admintpl file="header"/>
<script type="text/javascript">
    var catid = "12";

</script>

<style type="text/css">
.col-auto {
	overflow: hidden;
	_zoom: 1;
	_float: left;
	border: 1px solid #c2d1d8;
}
.col-right {
	float: right;
	width: 210px;
	overflow: hidden;
	margin-left: 6px;
	border: 1px solid #c2d1d8;
}
body fieldset {
	border: 1px solid #D8D8D8;
	padding: 10px;
	background-color: #FFF;
}
body fieldset legend {
    background-color: #F9F9F9;
    border: 1px solid #D8D8D8;
    font-weight: 700;
    padding: 3px 8px;
}
.list-dot{ padding-bottom:10px}
.list-dot li,.list-dot-othors li{padding:5px 0; border-bottom:1px dotted #c6dde0; font-family:"宋体"; color:#bbb; position:relative;_height:22px}
.list-dot li span,.list-dot-othors li span{color:#004499}
.list-dot li a.close span,.list-dot-othors li a.close span{display:none}
.list-dot li a.close,.list-dot-othors li a.close{ background: url("__ROOT__/statics/images/cross.png") no-repeat left 3px; display:block; width:16px; height:16px;position: absolute;outline:none;right:5px; bottom:5px}
.list-dot li a.close:hover,.list-dot-othors li a.close:hover{background-position: left -46px}
.list-dot-othors li{float:left;width:24%;overflow:hidden;}
</style>
</head>
<body class="J_scroll_fixed">
<div class="wrap J_check_wrap">
	<div class="nav">
		<ul class="cc">
			<li><a href="{:U('post/index')}">所有文章</a></li>
			<li class="current"><a href="{:U('post/add',array('term'=>$term['term_id']))}">添加文章</a></li>
		</ul>
	</div>
	<form name="myform" id="myform" action="{:u('post/add_post')}" method="post" class="J_ajaxForms" enctype="multipart/form-data">
		<div class="col-right">
			<div class="table_full">
				<table width="100%">
				<tr>
					<td>
						<b>缩略图</b>
					</td>
				</tr>
				<tr>
					<td>
						<div style="text-align: center;">
							<input type='hidden' name='smeta[thumb]' id='thumb' value=''>
							<a href='javascript:void(0);' onclick="flashupload('thumb_images', '附件上传','thumb',thumb_images,'1,jpg|jpeg|gif|png|bmp,1,,,1','','','');return false;">
							<img src='__ROOT__/statics/images/icon/upload-pic.png' id='thumb_preview' width='135' height='113' style='cursor:hand'/></a>
							<!-- <input type="button" class="btn" onclick="crop_cut_thumb($('#thumb').val());return false;" value="裁减图片">  -->
							<input type="button" class="btn" onclick="$('#thumb_preview').attr('src','__ROOT__/statics/images/icon/upload-pic.png');$('#thumb').val('');return false;" value="取消图片">
						</div>
					</td>
				</tr>

				<tr>
					<td>
						<b>alt</b>
					</td>
				</tr>
				<tr>
					<td>
						<input type="text" name="smeta[thumb_alt]" id="updatetime" value="" size="21" class="input">
					</td>
				</tr>
				<tr>
					<td>
						<b>发布时间</b>
					</td>
				</tr>
				<tr>
					<td>
						<input type="text" name="post[post_modified]" id="updatetime" value="{:date('Y-m-d H:i:s',time())}" size="21" class="input length_3 J_datetime ">
					</td>
				</tr>
<!-- 				<tr>
					<td>
						<b>允许评论</b>
					</td>
				</tr>
				<tr>
					<td>
						<label class="ib" style="width:88px"><input type="radio" name='post[comment_status]' id="allow_comment_1" checked value="1"> 允许评论</label><label class="ib" style="width:88px"><input type="radio" name='post[comment_status]' id="allow_comment_0" value="0"> 不允许评论</label>
					</td>
				</tr> -->
				<tr>
					<td>
						<b>状态</b>
					</td>
				</tr>
<!-- 				<tr>
					<td>
						<span class="switch_list cc">
						<label><input type="radio" name="post[post_status]" value="1" checked><span>审核通过</span></label>
						<label><input type="radio" name="post[post_status]" value="0"><span>待审核</span></label>
						</span>
					</td>
				</tr> -->
				</table>
			</div>
		</div>
		<div class="col-auto">
			<div class="h_a">
				文章内容
			</div>
			<div class="table_full">
				<table width="100%" id="xijie-body">
				<tbody>
				<tr>
					<th width="80">
						栏目
					</th>
					<td>
						<select name="term[term_id]" class="normal_select">
						{$taxonomys}
						</select>
					</td>
				</tr>
				<tr>
					<th width="80">
						标题
					</th>
					<td>
						<input type="text" style="width:400px;" name="post[post_title]" id="title" value="" style="color:" class="input input_hd J_title_color" placeholder="请输入标题" onkeyup="strlen_verify(this, 'title_len', 160)"/>
						
					</td>
				</tr>
<!-- 				<tr>
					<th width="80">
						内链关联词
					</th>
					<td>
						<input type='text' name='post[inner_keyword]' id='keywords' value='{$post["inner_keyword"]}' style='width:150px' class='input' placeholder=''>
					</td>
				</tr>		 -->			

				<tr>
					<th width="80">
						来源
					</th>
					<td>
						<input type='text' name='post[source]' id='keywords' value='{$post["source"]}' style='width:150px' class='input' placeholder=''>
					</td>
				</tr>				

				<tr>
					<th width="80">
						关键词
					</th>
					<td>
						<input type='text' name='post[post_keywords]' id='keywords' value='{$post["post_keywords"]}' style='width:280px' class='input' placeholder='请输入关键字'>
					</td>
				</tr>
				<tr>
					<th width="80">
						描述
					</th>
					<td>
						<textarea name='post[post_excerpt]' id='description' style='width:98%;height:20px;'></textarea>
					</td>
				</tr>
<admintpl file="ueditor_file" />
				<tr>
					<th width="80">
						内容
					</th>
					<td width="85%">

						<script id="container" name="post[post_content]" type="text/plain">
{$post.post_content}
						</script>

<admintpl file="content_ueditor_config" />

					</td>
				</tr>

				<tr>
					<th width="80">
						产品图集
					</th>
					<td>
						<fieldset class="blue pad-10">
							<legend>图片列表</legend>
							<ul id="photos" class="picList">
							</ul>
						</fieldset>
						<div class="bk10">
						</div>
						<a href='javascript:void(0);' onclick="javascript:flashupload('albums_images', '图片上传','photos',change_images,'10,gif|jpg|jpeg|png|bmp,0','','','')" class="btn">选择图片 </a>
					</td>
				</tr>

				<!-- 修改点 -->
<!-- 				<tr>
					<th width="80">
						产品色调
					</th>
					<td>
<script src="/Public/jquery-minicolors/jquery.minicolors.js"></script>
<link rel="stylesheet" href="/Public/jquery-minicolors/jquery.minicolors.css">
<input type="text" name="post[color]" class="input demo" value="{$post['color']}">

					</td>
				</tr> -->
				<!-- /修改点 -->

				</tbody>
				</table>
			</div>
		</div>
		<div class="btn_wrap" style="z-index:999;text-align: center;">
			<div class="btn_wrap_pd">
				<input value="56" type="hidden" name="id">
				<input type="hidden" name="catid" value="12"/>
				<input type="hidden" name="ajax" value="1"/>
				
				<!-- <a class="btn btn_submit" id="add_xijie" onclick="add_para()">增加参数</a> -->
				<button class="btn btn_submit J_ajax_submit_btn"type="submit">提交</button>
				<a class="btn" href="__URL__">返回</a>

				<a href="{:U('post/add')}" class="btn btn_submit" target="_blank">新窗口编辑</a>
			</div>
		</div>
	</form>
</div>
<script type="text/javascript" src="__ROOT__/statics/js/common.js{$js_debug}"></script>
<script type="text/javascript" src="__ROOT__/statics/js/content_addtop.js{$js_debug}"></script>
<script type="text/javascript"> 

// <br><br>alt&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="post[xijie][img_alt]" id="updatetime" value="" size="21" class="input">
function add_para(){

	var html = '<tr>';
	html 	+= '<td>';
	html 	+= '<input type="text" class="input" name="post[para][name][]" value="">';
	html 	+= '</td>';
	html 	+= '<td>';
	html 	+= '<textarea name="post[para][content][]" id="description" style="width: 100%;height:20px;"></textarea>';
	html 	+= '</td>';
	html 	+= '</tr>';
	$('#para-body').append(html);
}
// function thumb_images(uploadid, returnid) {
//     //取得iframe对象
//     var d = uploadid.iframe.contentWindow;
//     //取得选择的图片
//     var in_content = d.$("#att-status").html().substring(1);
//     if (in_content == '') return false;
//     if (!IsImg(in_content)) {
//         isalert('选择的类型必须为图片类型！');
//         return false;
//     }

//     if ($('#' + returnid + '_preview').attr('src')) {
//         $('#' + returnid + '_preview').attr('src', in_content);
//     }
//     $('#' + returnid).val(in_content);
// }


$(function () {


	//setInterval(function(){public_lock_renewal();}, 10000);
	$(".J_ajax_close_btn").on('click', function (e) {
	    e.preventDefault();
	    Wind.use("artDialog", function () {
	        art.dialog({
	            id: "question",
	            icon: "question",
	            fixed: true,
	            lock: true,
	            background: "#CCCCCC",
	            opacity: 0,
	            content: "您确定需要关闭当前页面嘛？",
	            ok:function(){
					setCookie("refersh_time",1);
					window.close();
					return true;
				}
	        });
	    });
	});
	/////---------------------
	 Wind.use('validate', 'ajaxForm', 'artDialog', function () {
			//javascript
	            //编辑器
	            // editorcontent = new baidu.editor.ui.Editor();
	            // editorcontent.render( 'content' );
	            // try{editorcontent.sync();}catch(err){};
	            // //增加编辑器验证规则
	            // jQuery.validator.addMethod('editorcontent',function(){
	            //     try{editorcontent.sync();}catch(err){};
	            //     return editorcontent.hasContents();
	            // });
	            var form = $('form.J_ajaxForms');
	        //ie处理placeholder提交问题
	        if ($.browser.msie) {
	            form.find('[placeholder]').each(function () {
	                var input = $(this);
	                if (input.val() == input.attr('placeholder')) {
	                    input.val('');
	                }
	            });
	        }
	        //表单验证开始
	        form.validate({
				//是否在获取焦点时验证
				onfocusout:false,
				//是否在敲击键盘时验证
				onkeyup:false,
				//当鼠标掉级时验证
				onclick: false,
	            //验证错误
	            showErrors: function (errorMap, errorArr) {
					//errorMap {'name':'错误信息'}
					//errorArr [{'message':'错误信息',element:({})}]
					try{
						$(errorArr[0].element).focus();
						art.dialog({
							id:'error',
							icon: 'error',
							lock: true,
							fixed: true,
							background:"#CCCCCC",
							opacity:0,
							content: errorArr[0].message,
							cancelVal: '确定',
							cancel: function(){
								$(errorArr[0].element).focus();
							}
						});
					}catch(err){
					}
	            },
	            //验证规则
	            rules: {
	            	'post[post_title]':{required:1},
	            	// 'post[post_content]':{container:true},
	            	// 'post[product_param]':{product_param:true},
	            },
	            //验证未通过提示消息
	            messages: {
	            	'post[post_title]':{required:'请输入标题'},
	            	// 'post[post_content]':{container:'内容不能为空'},
	            	// 'post[product_param]':{product_param:'内容不能为空'}
	            },
	            //给未通过验证的元素加效果,闪烁等
	            highlight: false,
	            //是否在获取焦点时验证
	            onfocusout: false,
	            //验证通过，提交表单
	            submitHandler: function (forms) {
	                $(forms).ajaxSubmit({
	                    url: form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
	                    dataType: 'json',
	                    beforeSubmit: function (arr, $form, options) {
	                    },
	                    success: function (data, statusText, xhr, $form) {
	                        if(data.status){
								setCookie("refersh_time",1);
								//添加成功
								Wind.use("artDialog", function () {
								    art.dialog({
								        id: "succeed",
								        icon: "succeed",
								        fixed: true,
								        lock: true,
								        background: "#CCCCCC",
								        opacity: 0,
								        content: data.info,
										button:[
											{
												name: '继续添加？',
												callback:function(){
													reloadPage(window);
													return true;
												},
												focus: true
											},{
												name: '返回列表页',
												callback:function(){
													location='__URL__';
													return true;
												}
											}
										]
								    });
								});
							}else{
								isalert(data.info);
							}
	                    }
	                });
	            }
	        });
	    });
	////-------------------------
});

// <input type='hidden' name='xijie[img][]' id='thumb' value=''>
// <a href='javascript:void(0);' onclick="flashupload('thumb_images', '附件上传','thumb',thumb_images,'1,jpg|jpeg|gif|png|bmp,1,,,1','','','');return false;">
// <img src='__ROOT__/statics/images/icon/upload-pic.png' id='thumb_preview' width='135' height='113' style='cursor:hand'/></a>
// 
/**
swf上传完回调方法
uploadid dialog id
name dialog名称
textareaid 最后数据返回插入的容器id
funcName 回调函数
args 参数
module 所属模块
catid 栏目id
authkey 参数密钥，验证args
**/
// function flashupload(uploadid, name, textareaid, funcName, args, module, catid, authkey) {
//     var args = args ? '&args=' + args : '';
//     var setting = '&module=' + module + '&catid=' + catid ;
//     Wind.use("artDialog","iframeTools",function(){
//         art.dialog.open(GV.DIMAUB+'index.php?a=swfupload&m=asset&g=asset' + args + setting, {
//         title: name,
//         id: uploadid,
//         width: '650px',
//         height: '420px',
//         lock: true,
//         fixed: true,
//         background:"#CCCCCC",
//         opacity:0,
//         ok: function() {
//             if (funcName) {
//                 funcName.apply(this, [this, textareaid]);
//             } else {
//                 submit_ckeditor(this, textareaid);
//             }
//         },
//         cancel: true
//     });
//     });
// }
</script>


<script src="__PUBLIC__/js/jquery-ui-1.10.4.custom.min.js"></script>
<script>
// Return a helper with preserved width of cells   
// 表格排序
var fixHelper = function(e, ui) {  
    //console.log(ui)   
    ui.children().each(function() {  
        $(this).width($(this).width());     //在拖动时，拖动行的cell（单元格）宽度会发生改变。在这里做了处理就没问题了   
    });  
    return ui;  
};  
   
  
jQuery(function(){  
    jQuery("#sortable tbody").sortable({                //这里是talbe tbody，绑定 了sortable   
        helper: fixHelper,                  //调用fixHelper   
        axis:"y",  
        start:function(e, ui){  
            ui.helper.css({"background":"#fff"})     //拖动时的行，要用ui.helper   
            return ui;  
        },  
        stop:function(e, ui){  
            //ui.item.removeClass("ui-state-highlight"); //释放鼠标时，要用ui.item才是释放的行   
            return ui;  
        }  
    }).disableSelection();  
})  
</script>
</body>
</html>